body {
    background: #081325 url(../img/bg.png) no-repeat;
    background-size: cover;
}

/* 滚动条设置 */

::-webkit-scrollbar {
    width: 5px;
}


/* 这是针对缺省样式 (必须的) */

::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0);
    border-radius: 10px;
}


/* 滚动条的滑轨背景颜色 */

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}


/* 滑块颜色 */

::-webkit-scrollbar-button {
    background-color: rgba(0, 0, 0, 0);
    height: 0;
}


/* 滑轨两头的监听按钮颜色 */

::-webkit-scrollbar-corner {
    background-color: black;
}

div {
    box-sizing: border-box;
}

.header-title {
    width: 100%;
    height: 80px;
    text-align: center;
    box-sizing: border-box;
    position: relative;
}

.header-title h3 {
    line-height: 50px;
    font-size: 2.5vw;
    font-weight: 800;
    color: #fff;
    margin: 0;
}

.container {
    width: 100%;
    /* position: relative; */
}

.b-left-top,
.b-right-top,
.b-left-bottom,
.b-right-bottom {
    position: absolute;
    width: 13px;
    height: 13px;
}

.b-left-top {
    left: 0;
    top: 0;
    border-left: solid 2px #045291;
    border-top: solid 2px #045291;
}

.b-right-top {
    right: 0;
    top: 0;
    border-right: solid 2px #045291;
    border-top: solid 2px #045291;
}

.b-left-bottom {
    left: 0;
    bottom: 0;
    border-left: solid 2px #045291;
    border-bottom: solid 2px #045291;
}

.b-right-bottom {
    right: 0;
    bottom: 0;
    border-right: solid 2px #045291;
    border-bottom: solid 2px #045291;
}

.top {
    width: 100%;
    min-height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.top .top-item {
    height: 350px;
    /* width: 32%; */
    margin: 3px;
    position: relative;
    float: left;
    /* box-shadow: 0px 0px 10px 0px #0ff; */
}

.top .top-item-first {
    width: 37%;
}

.top .top-item-second {
    width: 25%;
}

.top .top-item-third {
    width: 16%;
}

.top .top-item-four {
    width: 19%;
}

.bottom {
    width: 100%;
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bottom .bottom-item {
    height: 400px;
    width: 42%;
    margin: 3px;
    position: relative;
    float: left;
}

.bottom .bottom-item-second {
    width: 15%;
}

.item-title {
    color: #1bb4f9;
    padding: 10px;
    font-size: 20px;
    text-align: center;
}

.item-table {
    height: 85%;
    width: 100%;
}



.topRec_List dl,
.maquee {
    width: 100%;
    margin: 0 auto;
    color: #f0ece2;
    text-align: center;
    float: left;
}

.topRec_List dd {
    float: left;
    text-align: center;
    border-bottom: 1px solid #1B96EE;
    color: #1B96EE;
    font-size: 14px;
    margin: 0 auto;
}

.maquee {
    height: 265px;
    overflow-x: hidden;
    overflow-y: display;
}

.topRec_List dl dd:nth-child(1) {
    width: 60%;
    height: 30px;
    line-height: 30px;
    margin-left: 3%;
}

.topRec_List dl dd:nth-child(2) {
    width: 30%;
    height: 30px;
    line-height: 30px;
}

.topRec_List ul {
    width: 100%;
}

.topRec_List li {
    width: 100%;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 12px;
    color: #76dbd1
}

.topRec_List li div {
    float: left;
}

.topRec_List li div:nth-child(1) {
    width: 50%;
}

.topRec_List li div:nth-child(2) {
    width: 30%;
}

.topRec_List li div:nth-child(3) {
    width: 20%;
}

a {
    text-decoration: none;
}

/*这个是设置a标签的默认状态去除下划线*/
a:visited {
    text-decoration: none;
}

/*这个是设置a标签的访问过后的状态去除下划线*/
a:hover {
    text-decoration: none;
}

/*这个是设置a标签的鼠标覆盖状态去除下划线*/
a:active {
    text-decoration: none;
}

/*这个是设置a标签的活跃状态去除下划线*/
/*  弹出 */
#btn-close-modal {
    float: right;
    text-emphasis: none;
    cursor: pointer;
    color: #fff;
    z-index: 100;
    margin: 5px;
}

.element {
    width: 120px;
    height: 160px;
    box-shadow: 0px 0px 12px rgba(0, 255, 255, 0.5);
    border: 1px solid rgba(127, 255, 255, 0.25);
    text-align: center;
    cursor: default;
}

.element:hover {
    box-shadow: 0px 0px 12px rgba(0, 255, 255, 0.75);
    border: 1px solid rgba(127, 255, 255, 0.75);
}

.element .number {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 12px;
    color: rgba(127, 255, 255, 0.75);
}

.element .symbol {
    position: absolute;
    top: 40px;
    left: 0px;
    right: 0px;
    font-size: 40px;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.75);
    text-shadow: 0 0 10px rgba(0, 255, 255, 0.95);
}

.element .details {
    position: absolute;
    bottom: 15px;
    left: 0px;
    right: 0px;
    font-size: 12px;
    color: rgba(127, 255, 255, 0.75);
}